<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/include/taglibs.jsp" %>
<head>
<%@ include file="/include/meta.jsp" %>
<title>填写订单信息</title>
<link rel="stylesheet" type="text/css" href="${ctx}/css/front/orderConfig.css" />
</head>
<body>
<div class="shoppingCart-header">
    <div class="container">
        <div class="shoppingCart-header-logo-div">
            <a class="shoppingCart-header-logo-a" href=""></a>
        </div>
        <div class="shoppingCart-header-title"><h2>确认订单</h2></div>
        <div class="shoppingCart-header-info">
        	<a href="" >登录</a>
        	<span>|</span>
        	<a href="" >注册</a>
        </div>
    </div>
</div>
<div class="orderConfig-main">
    <div class="container">
        <div class="main-addr">
            <div class="section-address">
                <h3 class="section-address-title">收货地址</h3>
                <!-- <div class="section-address-more"></div> -->
            	<div class="section-address-new"><i class="section-address-new-iconfont"></i>添加新地址</div>
            </div>
            <div class="section-payment">
               	<h3 class="section-address-title">支付方式</h3>
                <div class="section-body body-options">
                    <ul>
						<li>在线支付<span>（支持支付宝、银联、财付通、小米支付等）</span></li>
                    </ul>
                </div>
            </div>
            <div class="section-shipment">
                <h3 class="section-shipment-title">配送方式</h3>
                <div class="section-body body-options">
                    <ul>
                    	<li> 快递配送（运费 10 元）</li>
                    </ul>
                </div>
            </div>
            <div class="section-time">
                <h3 class="section-time-title">配送时间</h3>
                <div class="section-body">
                    <ul>
                        <li class="section-list-li">不限送货时间：<span>周一至周日</span></li>
						<li class="section-list-li">工作日送货：<span>周一至周五</span></li>
                        <li class="section-list-li">双休日、假日送货：<span>周六至周日</span></li>
                    </ul>
                </div>
            </div>
            <div class="section-invoice">
                <h3 class="section-invoice-title">发票</h3>
                <div class="section-body">
                    <ul>
                        <li class="section-list-li">不开发票</li>
                        <li class="section-list-li">电子发票（非纸质）</li>
                        <li class="section-list-li">普通发票（纸质）</li>
                    </ul>
                    <div class="tab-container" style="display: none;">
                        <div class="tab-content hide" ></div>
                        <div class="tab-content e-invoice-detail">
                       		电子发票目前仅对个人用户开具，不可用于单位报销 ，不随商品寄送。
                        	<a href="javascript:void(0);">什么是电子发票 <i class="icon-qa">?</i></a>
                            <div class="e-invoice-qa hide" id="J_einvoiceDetail">
                                <ul>
                                    <li>电子发票是纸质发票的映像，是税务局认可的有效凭证，与传统纸质发票具有同等法律效力，可作为售后维权凭据。</li>
                                    <li>开具电子服务于个人，开票后不可更换纸质发票，不可用于单位报销。</li>
                                    <li>您在订单详情的"发票信息"栏可查看、下载您的电子发票。</li>
                                </ul>
                                <a onclick="_msq.push(['trackEvent', '50d1f382fadafb8b-14af91c0b7aa7105', 'http://bbs.xiaomi.cn/thread/index/tid/9385999', 'pcpid']);" href="http://bbs.xiaomi.cn/thread/index/tid/9385999" target="_blank" data-stat-id="14af91c0b7aa7105">了解详情&gt;</a>
                            </div>
                        </div>
                        <div class="tab-content hide paper-invoice-detail" style="display: none;">
                            <ul class="J_optionList options options-list J_tabSwitch clearfix">
                                <li class="J_option" data-type="invoice" data-value="1" data-invoice-type="personal">
                                    个人
                                </li>
                                <li class="J_option" data-type="invoice" data-value="2" data-invoice-type="company">
                                    单位
                                </li>
                            </ul>
                            <div class="tab-container">
                                <div class="tab-content paper-invoice-person">
                                    发票抬头：个人<br>
                                    发票内容：购买商品明细
                                </div>
                                <div class="tab-content hide paper-invoice-company">
                                    <div class="form-section">
                                        <label class="input-label" for="invoice_title">请输入发票抬头</label>
                                        <input name="invoice_title" class="input-text" id="invoice_title" type="text">
                                    </div>
                                    <p>发票内容：购买商品明细</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
			<div>
               	<a href="javascript:void(0)" style="color: #333;font-size: 18px;font-weight: normal;">商品及优惠券</a>
                <a href="" style="margin-left:900px;">返回购物车<i class="iconfont"></i></a>
          		<div style="margin-top:15px;margin-bottom:15px;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;">
          			<table>
		            	<tr>
		            		<td style="width:30px;"><a href="#" target="_blank" ><img width="30" height="30" src="http://i1.mifile.cn/a1/T12HJvByEv1RXrhCrK!30x30.jpg"></a></td>
		            		<td style="width:650px;">小米移动电源10000mAh 金色</td>
		            		<td style="width:150px;" >79元 x 1</td>
		            		<td style="width:100px;">有货</td>
		            		<td style="width:150px;color: #ff6700;">79元</td>
		            	</tr>
		            	<tr>
		            		<td style="width:30px;"><a href="#" target="_blank" ><img width="30" height="30" src="http://i1.mifile.cn/a1/T12HJvByEv1RXrhCrK!30x30.jpg"></a></td>
		            		<td style="width:650px;">小米移动电源10000mAh 金色</td>
		            		<td style="width:150px;" >79元 x 1</td>
		            		<td style="width:100px;">有货</td>
		            		<td style="width:150px;color: #ff6700;">79元</td>
		            	</tr>
		            </table>
         		</div>
            </div>
            <div class="section-count">
                <div class="count-actions">
                    <div class="coupon-trigger"><i class="icon-plus"></i>使用优惠券</div>
                    <div class="coupon-result" style="display: none">
                        <i class="iconfont icon-selected"></i>正在使用：<span class="coupon-title" id="J_couponTitle"></span>
                        <a id="J_changeConpon" onclick="_msq.push(['trackEvent', '50d1f382fadafb8b-7b9283c91a59046e', 'javascript:void(0)', 'pcpid']);" href="javascript:void(0)" data-stat-id="7b9283c91a59046e">［修改］</a>
                    </div>
                	<div class="money-box">
	                    <ul>
	                        <li class="clearfix">
	                            <label>商品件数：</label>
	                            <span class="val">1件</span>
	                        </li>
	                        <li class="clearfix">
	                            <label>金额合计：</label>
	                            <span class="val">79元</span>
	                        </li>
	                        <li class="clearfix">
	                            <label>活动优惠：</label>
	                            <span class="val">-0元</span>
	                        </li>
	                        <li class="clearfix">
	                            <label>优惠券抵扣：</label>
	                            <span class="val"><i id="J_couponVal">-0</i>元</span>
	                        </li>
	                        <li class="clearfix">
	                            <label>运费：</label>
	                            <span class="val"><i id="J_postageVal">10</i>元</span>
	                        </li>
	                        <li class="clearfix total-price">
	                            <label>应付总额：</label>
	                            <span class="val"><em id="J_totalPrice">89</em>元</span>
	                        </li>
	                    </ul>
                	</div>
            	</div>
            </div>
           	<div class="section-bar">
                <!-- <div class="fl">
                    <div class="seleced-address hide" id="J_confirmAddress">
                    </div>
                    <div class="big-pro-tip hide J_confirmBigProTip"></div>
                </div> -->
                <div class="fr">
                    
                    <!-- <div class="captcha-box hide cleafix" id="J_captchaBox">
                        <div class="form-section">
                            <label class="input-label" for="captcha_code">请输入验证码</label>
                            <input name="captcha_code" class="input-text" id="captcha_code" type="text" data-authurl="http://captcha.hd.mi.com/captcha/auth?answer={answer}&amp;service=order.mi.com&amp;_ov=1">
                        </div>
                        <div class="captcha-img">
                            <img id="J_captchaImg" alt="" src="http://captcha.hd.mi.com/captcha?style=chinese&amp;service=order.mi.com&amp;sessionId=016947.1441682336">
                            <a id="J_captchaChange" onclick="_msq.push(['trackEvent', '50d1f382fadafb8b-74dcd026f6a4c5bb', 'javascript:void(0);', 'pcpid']);" href="javascript:void(0);" data-stat-id="74dcd026f6a4c5bb"><i class="iconfont"></i></a>
                        </div>
                        <input name="captcha_token" id="J_captchaToken" type="hidden">
                    </div> -->
                </div>
                <a class="btn btn-primary"href="javascript:void(0);">去结算</a>
            </div>
        </div>
    </div>
</div>
<%@ include file="/include/bottom.jsp"%>
</body>
</html>